import variables from '@/assets/styles/element-variables.scss'
import defaultSettings from '@/settings'

const {
	sideTheme,
	showSettings,
	tagsView,
	fixedHeader,
	sidebarLogo,
	wsurl,
	menuInLeft,
	ip
} = defaultSettings

const state = {
	theme: variables.theme,
	sideTheme: sideTheme,
	showSettings: showSettings,
	tagsView: tagsView,
	fixedHeader: fixedHeader,
	sidebarLogo: sidebarLogo,
	wsurl: wsurl,
	ip:ip,
	menuInLeft:menuInLeft
	
}

const mutations = {
	CHANGE_SETTING: (state, {
		key,
		value
	}) => {
		if (state.hasOwnProperty(key)) {
			state[key] = value
		}
	}
}

const actions = {
	changeSetting({
		commit
	}, data) {
		commit('CHANGE_SETTING', data)
	}
}

export default {
	namespaced: true,
	state,
	mutations,
	actions
}
